<template>
  <!--
      @open="handleOpen"
      @close="handleClose"
    -->
  <el-menu
      default-active="0"
      class="el-menu-vertical-demo">
    <el-menu-item v-for="(oneData, i) in tabsData" :key="i" :index="i.toString()" @click="sideTabClick(i)">
<!--      <i class="el-icon-menu"></i>-->
      <template #title>{{ oneData.moduleName }}</template>
    </el-menu-item>
  </el-menu>
</template>

<script>
export default {
  name: "SideBar",
  props:{
    tabsData:{
      type: Array,
      default: ()=>[]
    }
  },
  methods:{
    sideTabClick(tabIndex){
      this.$emit("sideTabClick", tabIndex);
    }
  }
}
</script>

<style scoped>

</style>
